<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="/template.xhtml" >

        <ui:define name="title">
            <h:outputText value="#{bundle.CreatePacientesTitle}"></h:outputText>
        </ui:define>

        <ui:define name="body">
            <h:form id="WizarPacienteForm">   
                <p:wizard widgetVar="wiz" >  

                    <p:tab id="personal" title="Paciente">  

                        <p:panel header="Datos Personales">  


                            <h:panelGrid columns="3" columnClasses="label, value" styleClass="grid" > 
                                <h:outputLabel value="#{bundle.CreatePacientesLabel_cedula}*" for="cedula" />
                                <p:inputMask id="cedula" value="#{wizarPacienteControlador.paciente.cedula}" 
                                             title="#{bundle.CreatePacientesTitle_cedula}" required="true" 
                                             requiredMessage="#{bundle.CreatePacientesRequiredMessage_cedula}"
                                             mask="9999999999" />
                                <h:messages for="cedula" errorClass="error"/>  

                                <h:outputLabel value="#{bundle.CreatePacientesLabel_nombres}" for="nombres" />
                                <p:inputText id="nombres" value="#{wizarPacienteControlador.paciente.nombres}" 
                                             title="#{bundle.CreatePacientesTitle_nombres}" required="true" 
                                             requiredMessage="#{bundle.CreatePacientesRequiredMessage_nombres}"/>
                                <h:messages for="nombres" errorClass="error"/>  

                                <h:outputLabel value="#{bundle.CreatePacientesLabel_apellidos}" for="apellidos" />
                                <p:inputText id="apellidos" value="#{wizarPacienteControlador.paciente.apellidos}" 
                                             title="#{bundle.CreatePacientesTitle_apellidos}" required="true" 
                                             requiredMessage="#{bundle.CreatePacientesRequiredMessage_apellidos}"/>
                                <h:messages for="apellidos" errorClass="error"/> 

                                <h:outputLabel value="#{bundle.CreatePacientesLabel_sexo}" for="sexo" />
                                <p:selectOneRadio id="sexo" value="#{wizarPacienteControlador.paciente.sexo}" 
                                                  required="true" requiredMessage="#{bundle.CreatePacientesRequiredMessage_sexo}">  
                                    <f:selectItem itemLabel="Masculino" itemValue="Masculino" />  
                                    <f:selectItem itemLabel="Femenino" itemValue="Femenino" />  
                                </p:selectOneRadio>
                                <h:messages for="sexo" errorClass="error"/> 

                                <h:outputLabel value="#{bundle.CreatePacientesLabel_fechanacimiento}" for="fechanacimiento" />
                                <p:calendar id="fechanacimiento" pattern="MM/dd/yyyy" value="#{wizarPacienteControlador.paciente.fechanacimiento}"
                                            title="#{bundle.EditPacientesTitle_fechanacimiento}" required="true" 
                                            requiredMessage="#{bundle.EditPacientesRequiredMessage_fechanacimiento}" 
                                            navigator="true" yearRange="1920:" effect="fold"/>
                                <h:messages for="fechanacimiento" errorClass="error"/> 
                            </h:panelGrid>  
                        </p:panel>  
                    </p:tab>  

                    <p:tab id="contact" title="Contactos">  
                        <p:panel header="Informacion de Contactos">  


                            <h:panelGrid columns="3" columnClasses="label, value">  
                                <h:outputLabel value="#{bundle.CreateAgendaLabel_telefonocasa}" for="telefonocasa" />
                                <p:inputMask id="telefonocasa" value="#{wizarPacienteControlador.agenda.telefonocasa}" 
                                             title="#{bundle.CreateAgendaTitle_telefonocasa}"  
                                             requiredMessage="#{bundle.CreateAgendaRequiredMessage_telefonocasa}"
                                             mask="099999999" />
                                <h:message for="telefonocasa" errorClass="error" />

                                <h:outputLabel value="#{bundle.CreateAgendaLabel_telefonotrabajo}" for="telefonotrabajo" />
                                <p:inputMask id="telefonotrabajo" value="#{wizarPacienteControlador.agenda.telefonotrabajo}" 
                                             title="#{bundle.CreateAgendaTitle_telefonotrabajo}"  
                                             requiredMessage="#{bundle.CreateAgendaRequiredMessage_telefonotrabajo}"
                                             mask="0999999999"/>
                                <h:message for="telefonotrabajo" errorClass="error"/>

                                <h:outputLabel value="#{bundle.CreateAgendaLabel_direccion}" for="direccion" />
                                <p:inputTextarea id="direccion" value="#{wizarPacienteControlador.agenda.direccion}" 
                                             title="#{bundle.CreateAgendaTitle_direccion}"  
                                             requiredMessage="#{bundle.CreateAgendaRequiredMessage_direccion}"
                                             rows="2" cols="22" autoResize="false"/>
                                <h:message for="telefonotrabajo" errorClass="error"/>

                                <h:outputLabel value="#{bundle.CreateAgendaLabel_mail}" for="mail" />
                                <p:inputText id="mail" value="#{wizarPacienteControlador.agenda.mail}" 
                                             title="#{bundle.CreateAgendaTitle_mail}" 
                                             validatorMessage="Formato Incorrecto Ejemplo: www.ejemplo@correo.com " >
                                             <!-- <f:validateRegex pattern="[\w\.-]*[a-zA-Z0-9_]@[\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]" />-->
                                </p:inputText>

                            </h:panelGrid>  
                        </p:panel>  
                    </p:tab>  

                    <p:tab id="address" title="Antecedentes">  
                        <p:panel header="Detalle de Antecedentes">  

                            <h:messages errorClass="error"/>  

                            <h:panelGrid columns="2" columnClasses="label, value">     
                                                         
                                <h:outputLabel value="#{bundle.CreateAntecedentesLabel_descripcion}" for="descripcion" />
                                <p:inputTextarea id="descripcion" value="#{wizarPacienteControlador.antecendente.descripcion}" 
                                                 title="#{bundle.CreateAntecedentesTitle_descripcion}" required="true"
                                                 requiredMessage="#{bundle.CreateAntecedentesRequiredMessage_descripcion}"
                                                 rows="10" cols="50"  autoResize="false"/>

                                  <!-- <h:outputLabel value="#{bundle.CreateAntecedentesLabel_estadocivil}" for="estadocivil" />
                                <p:inputText id="estadocivil" value="#{wizarPacienteControlador.antecendente.estadocivil}" 
                                             title="#{bundle.CreateAntecedentesTitle_estadocivil}" required="true" 
                                             requiredMessage="#{bundle.CreateAntecedentesRequiredMessage_estadocivil}"/>

                                <h:outputLabel value="#{bundle.CreateAntecedentesLabel_numerohijos}" for="numerohijos" />
                                <p:inputText id="numerohijos" value="#{wizarPacienteControlador.antecendente.numerohijos}" 
                                             title="#{bundle.CreateAntecedentesTitle_numerohijos}" required="true" 
                                             requiredMessage="#{bundle.CreateAntecedentesRequiredMessage_numerohijos}"/>

                                <h:outputLabel value="#{bundle.CreateAntecedentesLabel_alergias}" for="alergias" />
                                <p:inputTextarea id="alergias" value="#{wizarPacienteControlador.antecendente.alergias}" 
                                                 title="#{bundle.CreateAntecedentesTitle_alergias}" required="true" 
                                                 requiredMessage="#{bundle.CreateAntecedentesRequiredMessage_alergias}" 
                                                 rows="10" cols="50" autoResize="false"/>  -->    
                                
                            </h:panelGrid>  
                        </p:panel>  
                    </p:tab>  

                    <p:tab id="confirm" title="Confirmaci&oacute;n">  
                        <p:panel header="Confirmaci&oacute;n">  
                            <p:fieldset legend="Datos Paciente" toggleable="true" toggleSpeed="500">  
                               
                                <h:panelGrid columns="2" columnClasses="label, value">  
                                    <h:outputLabel value="#{bundle.CreatePacientesLabel_cedula}" />
                                    <h:outputLabel value="#{wizarPacienteControlador.paciente.cedula}" />

                                    <h:outputLabel value="#{bundle.CreatePacientesLabel_nombres}" />
                                    <h:outputLabel value="#{wizarPacienteControlador.paciente.nombres}" />

                                    <h:outputLabel value="#{bundle.CreatePacientesLabel_apellidos}" />
                                    <h:outputLabel value="#{wizarPacienteControlador.paciente.apellidos}" />

                                    <h:outputLabel value="#{bundle.CreatePacientesLabel_sexo}" />
                                    <h:outputLabel value="#{wizarPacienteControlador.paciente.sexo}" />  

                                    <h:outputLabel value="#{bundle.CreatePacientesLabel_fechanacimiento}" />
                                    <h:outputLabel value="#{wizarPacienteControlador.paciente.fechanacimiento}">
                                        <f:convertDateTime pattern="MM/dd/yyyy"/> 
                                    </h:outputLabel>  
                                </h:panelGrid>  
                            </p:fieldset> 

                            <p:fieldset legend="Datos Contactos" toggleable="true" toggleSpeed="500">  
                                
                                <h:panelGrid columns="2" columnClasses="label, value">  
                                    <h:outputLabel value="#{bundle.CreateAgendaLabel_telefonocasa}" for="telefonocasa" />
                                    <h:outputLabel value="#{wizarPacienteControlador.agenda.telefonocasa}" />

                                    <h:outputLabel value="#{bundle.CreateAgendaLabel_telefonotrabajo}" for="telefonotrabajo" />
                                    <h:outputLabel value="#{wizarPacienteControlador.agenda.telefonotrabajo}" />

                                    <h:outputLabel value="#{bundle.CreateAgendaLabel_direccion}" for="direccion" />
                                    <h:outputLabel value="#{wizarPacienteControlador.agenda.direccion}" />

                                    <h:outputLabel value="#{bundle.CreateAgendaLabel_mail}" for="mail" />
                                    <h:outputLabel value="#{wizarPacienteControlador.agenda.mail}" />

                                </h:panelGrid>  
                            </p:fieldset> 

                            <p:fieldset legend="Datos Antecedentes" toggleable="true" toggleSpeed="500">  
                                
                                <h:panelGrid columns="2" columnClasses="label, value">                             
                                 
                                    <h:outputLabel value="#{bundle.CreateAntecedentesLabel_descripcion}" for="descripcion" />
                                    <p:inputTextarea value="#{wizarPacienteControlador.antecendente.descripcion}"
                                                     disabled="false" rows="10" cols="50" autoResize="false"/>

                                    <h:outputLabel value="#{bundle.CreateAntecedentesLabel_fechacreacion}" for="fechacreacion" />
                                    <h:outputLabel value="#{wizarPacienteControlador.date}">
                                        <f:convertDateTime pattern="MM/dd/yyyy"/> 
                                    </h:outputLabel>
                                    
                                       <!--<h:outputLabel value="#{bundle.CreateAntecedentesLabel_estadocivil}" for="estadocivil" />
                                    <h:outputLabel value="#{wizarPacienteControlador.antecendente.estadocivil}" />

                                    <h:outputLabel value="#{bundle.CreateAntecedentesLabel_numerohijos}" for="numerohijos" />
                                    <h:outputLabel value="#{wizarPacienteControlador.antecendente.numerohijos}" />

                                    <h:outputLabel value="#{bundle.CreateAntecedentesLabel_alergias}" for="alergias" />
                                    <p:inputTextarea value="#{wizarPacienteControlador.antecendente.alergias}" 
                                                     disabled="false" rows="10" cols="50" autoResize="false"/>-->


                                </h:panelGrid>   
                            </p:fieldset> 
                            <p:commandButton value="Guardar" immediate="true"  oncomplete="wiz.loadStep (wiz.cfg.steps [0], true)"   
                                             action="#{wizarPacienteControlador.almacenarWizard()}" 
                                             update=":growl"  />  
                        </p:panel>  
                    </p:tab>  
                </p:wizard> 
            </h:form> 
        </ui:define>
    </ui:composition>
</html>
